<!-- topbar starts -->
<div class="navbar navbar-default" role="navigation">

    <div class="navbar-inner">
        <button type="button" class="navbar-toggle pull-left animated flip">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="${base}/home" style="width: auto;color: white;font-size: 25px;">
            基于案例推理的瓦斯爆炸应急处置系统
            <#--<img alt="Logo" style="width:266px;height: auto;position: relative;top: -7px;"-->
                 <#--src="${base}/system/img/white_logo.png" class="hidden-xs"/>-->
        </a>

        <!-- user dropdown starts -->
        <div class="btn-group pull-right">
            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <i class="glyphicon glyphicon-user"></i><span class="hidden-sm hidden-xs">${currentUser.username}</span>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <#--<li><a href="${base}/profile">个人中心</a></li>-->
                <li class="divider"></li>
                <li><a href="${base}/logout">退出</a></li>
            </ul>
        </div>
        <!-- user dropdown ends -->

        <!-- theme selector starts
        <div class="btn-group pull-right theme-container animated tada">
            <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <i class="glyphicon glyphicon-tint"></i><span
                    class="hidden-sm hidden-xs"> 换肤</span>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" id="themes">
                <li><a data-value="classic" href="#"><i class="whitespace"></i> 经典</a></li>
                <li><a data-value="cerulean" href="#"><i class="whitespace"></i> 蓝色</a></li>
            </ul>
        </div>-->
        <!-- theme selector ends -->

        <#--<ul class="collapse navbar-collapse nav navbar-nav top-menu" style="margin-left: 100px;">-->
            <#--<li><a href="${base}/home"><i class="glyphicon glyphicon-globe"></i>访问首页</a></li>-->
        <#--</ul>-->
        <#--<ul class="collapse navbar-collapse nav navbar-nav top-menu"style="color:#fff;padding:0 5px">-->
            <#--<li style="position: relative;top:4px;">|</li>-->
        <#--</ul>-->

        <#--<ul class="collapse navbar-collapse nav navbar-nav top-menu" style="left: -21px;">-->
            <#--<li><a href="http://tongji.baidu.com/web/20571704/overview/sole?siteId=8907549">-->
                <#--<i class="glyphicon glyphicon-star"></i>网站统计</a></li>-->
        <#--</ul>-->
    </div>
</div>
<!-- topbar ends -->